<template>
	<!-- watch:只对值进行监听，当值发生变化的时候，watch函数就会触发 -->
	<input type="text" v-model="count" />
	<span v-show="isShow">改昵称已被占用</span>
</template>

<script>
export default {
	data() {
		return {
			count: '',
			isShow: false,
		}
	},
	//watch 监听器 侦听器
	watch: {
		//watch只对被监听的值做出响应
		//不被watch监听的数据，即便修改了也不会执行
		//count:一定是来自于data或者props里的值
		count(newVal, oldVal) {
			console.log(newVal, oldVal)
			if (newVal.lenght >= 4) {
				this.isShow = true
			}
		},
	},
}
</script>

<style>
</style>